<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    // flexible.js
    !function(window) {
        var dpr, scale, timer, match,
            document = window.document,
            navigator = window.navigator,
            docEl = document.documentElement,
            viewport = document.querySelector('meta[name="viewport"]'),
            flexible = document.querySelector('meta[name="flexible"]');
        function resize() {
            var width = docEl.getBoundingClientRect().width, rem;
            width / dpr > 540 && (width = 540 * dpr), rem = width / 16, docEl.style.fontSize = rem + 'px', window.rem = rem;
        }
        function isWeiXin() {
            var ua = navigator.userAgent.toLowerCase();
            return /micromessenger/.test(ua);
        }
        if (viewport) {
            match = viewport.getAttribute('content').match(/initial\-scale=(["']?)([\d\.]+)\1?/);
            match && (scale = parseFloat(match[2]), dpr = parseInt(1 / scale))
        } else if (flexible) {
            match = flexible.getAttribute('content').match(/initial\-dpr=(["']?)([\d\.]+)\1?/);
            match && (dpr = parseFloat(j[2]), scale = parseFloat((1 / dpr).toFixed(2)))
        }
        if (!dpr && !scale) {
            dpr = window.devicePixelRatio;
            dpr = (navigator.appVersion.match(/android/gi) || navigator.appVersion.match(/iphone/gi)) ? dpr >= 3 ? 3 : dpr >= 2 ? 2 : 1 : 1;
            scale  = 1 / dpr
        }
        docEl.setAttribute('data-dpr', dpr);
        if (!viewport) {
            viewport = document.createElement('meta');
            viewport.setAttribute('name', 'viewport');
            viewport.setAttribute('content', 'width=device-width, target-densitydpi=high-dpi, initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
            if (docEl.firstElementChild) {
                docEl.firstElementChild.appendChild(viewport)
            } else {
                var wrap = document.createElement('div');
                wrap.appendChild(viewport);
                document.write(wrap.innerHTML)
            }
        }
        window.dpr = dpr;
        window.addEventListener('resize', function() {
            clearTimeout(timer), timer = setTimeout(resize, 300)
        }, false);
        window.addEventListener('pageshow', function(window) {
            window.persisted && (clearTimeout(timer), timer = setTimeout(resize, 300))
        }, false);
        if ('complete' === document.readyState) {
            document.body.style.fontSize = 12 * dpr + 'px'
        } else {
            document.addEventListener('DOMContentLoaded', function() {
                document.body.style.fontSize = 12 * dpr + 'px'
            }, false)
        }
        resize();
    }(window);
    </script>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/index3.css">
    
</head>
<body>
    <div class="wrapper">
        <div class="header">
            微信
            <a href="javascript:;">
                <i class="icon iconfont icon-weixintubiao-"></i>
            </a>
           
        </div>
        <div class="body">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>
<div>14</div>
<div>15</div>
<div>16</div>
<div>17</div>
<div>18</div>
<div>19</div>
<div>20</div>
<div>21</div>
<div>22</div>
<div>23</div>
<div>24</div>
<div>25</div>
<div>26</div>
<div>27</div>
<div>28</div>
<div>29</div>
<div>30</div>
<div>31</div>
<div>32</div>
<div>33</div>
<div>34</div>
<div>35</div>
<div>36</div>
<div>37</div>
<div>38</div>
<div>39</div>
<div>40</div>
<div>41</div>
<div>42</div>
<div>43</div>
<div>44</div>
<div>45</div>
<div>46</div>
<div>47</div>
<div>48</div>
<div>49</div>
<div>50</div>
<div>51</div>
<div>52</div>
<div>53</div>
<div>54</div>
<div>55</div>
<div>56</div>
<div>57</div>
<div>58</div>
<div>59</div>
<div>60</div>
<div>61</div>
<div>62</div>
<div>63</div>
<div>64</div>
<div>65</div>
<div>66</div>
<div>67</div>
<div>68</div>
<div>69</div>
<div>70</div>
<div>71</div>
<div>72</div>
<div>73</div>
<div>74</div>
<div>75</div>
<div>76</div>
<div>77</div>
<div>78</div>
<div>79</div>
<div>80</div>
<div>81</div>
<div>82</div>
<div>83</div>
<div>84</div>
<div>85</div>
<div>86</div>
<div>87</div>
<div>88</div>
<div>89</div>
<div>90</div>
<div>91</div>
<div>92</div>
<div>93</div>
<div>94</div>
<div>95</div>
<div>96</div>
<div>97</div>
<div>98</div>
<div>99</div>
<div>100</div>
        </div>
        <div class="nav">
                nav
        </div>
    </div>
</body>
</html>